---
title: Sections
description: Section components created with Tailwind CSS v4. These responsive, SEO-optimized layouts are perfect for building content blocks, feature sections, and landing page segments for marketing websites and web applications.
category: marketing
emoji: 🧱
slug: sections
terms:
  - content
components:
  - { title: 'Content with image, 1/2 grid' }
  - { title: 'Content with image, 2/3 grid' }
  - { title: 'Content with image, 3/2 grid' }
  - { title: 'Content with image, vertical split' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Section Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
